<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"/>
	<link rel="stylesheet" href="css/estilos.css" type="text/css" media="screen"/>
        <!--<link rel="stylesheet" href="css/slider.css" type="text/css" media="screen"/>-->
        <!-- favicon de la página -->
        <link href="img/favicon.ico" rel="shortcut icon" />

	<title>MASTERINFTEL</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script type="text/javascript" src="js/grupo.js"></script>


</head>



<body>

	<!-- CABECERA: Logotipos y título de la web -->
	<div id="cabecera">
		<div class="contenedor960">
			
			<!-- logos -->
			<a class="logo fl" href="index.html" title="Máster Universitario de Informática aplicado a las Telecomunicaciones Móviles">
					<img src="img/logos.png" alt="Máster INFTEL" />
			</a>
			
			<img class="fl" src="img/adorno_Cabecera.png" alt="adorno" />
			
			<!-- Textos descriptivos -->
			<h1 class="fr">Conceptos y Recursos Básicos de Internet</h1>
			<h2 class="fr">HTML, CSS, JavaScript, JQuery, Ajax,...</h2>
			
		
		</div> <!-- fin contenedor960 -->
	</div> <!-- fin cabecera -->
	
	
	
	
	
	
	<!-- MENU: Inicio - Grupo - Planificación - Recursos -->
	<div id="menu">
		<div class="contenedor960">
			<ul>
				<li><a href="index.html" title="Inicio">Inicio <span>presentación</span> </a></li>
				<li><a href="grupo.html" title="Grupo">Grupo <span>¿quienes somos?</span></a></li>
				<li><a href="plan.html" title="Planificación">Planificación <span>calendario de trabajo</span></a></li>
				<li><a href="recursos.html" title="Recursos">Recursos <span>recursos, enlaces, etc...</span></a></li>
			</ul>
		
		</div> <!-- fin contenedor960 -->
	</div> <!-- fin menu -->
	
	<!-- SLIDER: Zona de escaparate para la visualización de imágenes a través de un control deslizante -->
        <div id="slider_grupo">
            <div class="contenedor960">                
                <div id="pageContainer">                    
                    <!-- Slideshow HTML -->
                    <div id="slideshow">
                        <div id="slidesContainer_grupo">
                            <div id="ja" class="slide_grupo">
                                <h2>Juan Antonio</h2>
                                <p>
                                    <img src="img/juanantonio.jpg" width="110" height="145" alt="Juan Antonio"  />
                                </p>
                            </div>
                            <div id="aj" class="slide_grupo">
                                <h2>Agustín J.</h2>
                                <p>
                                    <img src="img/agustinj.jpg" width="110" height="145" alt="Agustin J"/>
                                </p>
                            </div>
                            <div id="am" class="slide_grupo">
                                <h2>Agustín M.</h2>
                                <p>
                                    <img src="img/agustinm.jpg" width="110" height="145" alt="Agustin M" />
                                </p>
                            </div>
                            <div id="mi" class="slide_grupo">
                                <h2>Miguel</h2>
                                <p>
                                    <img src="img/miguel.jpg" width="110" height="145" alt="Miguel"/>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <!--  -->
            </div> <!-- fin contenedor960 -->
        </div> <!-- fin slider -->
        
        <div id="informacion">
            <div class="contenedor960">
                <div id="informacion_container">
                    <img src="" id="foto" width="110" height="145"  alt="Foto"/>
                    <p id="nombre"><b>Nombre:       </b></p>
                    <p id="lugar"><b>Localidad:    </b></p>
                    <p id="universidad"><b>Universidad:  </b></p>
                    <p id="estudios"><b>Estudios:  </b></p>
                    <p id="atras"><b>Volver a las fotos</b></p>
                </div>
            </div>    
        </div>
	

	
	<!-- PIE: Mapa web, patrocinador, ... -->
	<div id="pie">
		<div class="contenedor960">
		
			<div id="pie_col_Izquierda" class="fl">
				<h3>Información de Contacto</h3>
				
				<p>
					Para más información sobre las distintas prácticas realizadas por este grupo
					de trabajo, envíenos un email a <a href="mailto:masterinftel@yahoo.es?Subject=WEB%20MASTERINFTEL">masterinftel@yahoo.es</a>
					y en breve nos pondremos en contacto con usted.
				</p>
				
                                <p>

                                    <!-- Botón Twitter: se hace mediante script para que siga siendo xhtml 1.0 Transational Valido, ya la que las propiedades por defecto sólo son válidas en html5 -->

                                    <script type="text/javascript">
                                        //<![CDATA[
                                        (function() {
                                            document.write('<a href="https://twitter.com/master_inftel" class="twitter-follow-button" data-button="grey" data-text-color="#FFFFFF" data-link-color="#00AEFF" data-lang="es">Segui @master_inftel</a>');
                                            var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
                                            s.type = 'text/javascript';
                                            s.async = true;
                                            s.src = 'http://platform.twitter.com/widgets.js';
                                            s1.parentNode.insertBefore(s, s1);
                                        })();
                                        //]]>
                                    </script>




                                </p>
			</div> <!-- fin pie_col_Izquierda -->
					
			
			
			<div id="pie_col_Centro" class="fl">
				<h3>Mapa web</h3>
				<ul>
					<li><a href="index.html">Inicio</a></li>
					<li><a href="grupo.html">Grupo</a></li>
					<li><a href="plan.html">Planificación</a></li>
					<li><a href="recursos.html">Recursos</a></li>
				</ul>
			</div> <!-- fin pie_col_Centro -->
			
			
			
			<div id="pie_col_Derecha" class="fl">

                            <h3>Validaciones</h3>


                            <!-- logos W3C validator -->
                            <p>
                                <a href="http://validator.w3.org/check?uri=referer">
                                    <img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" />
                                </a>
                            </p>


                            <p>
                                <a href="http://jigsaw.w3.org/css-validator/check/referer">
                                    <img style="border:0;width:88px;height:31px"
                                        src="http://jigsaw.w3.org/css-validator/images/vcss"
                                        alt="¡CSS Válido!" />
                                </a>
                            </p>


			
			</div> <!-- fin pie_col_Derecha -->
		
				
		</div> <!-- fin contenedor960 -->
	</div> <!-- fin pie -->
	
	

	
	
	<!-- PIE: Copyright -->
	<div id="copyright">
		<div class="contenedor960">

			<p>&copy; Copyright 2011 MASTER INFTEL. Todos los derechos reservados</p>

                             
		</div> <!-- fin contenedor960 -->
	</div> <!-- fin copyright -->

</body>
</html>	